<template>
  <div>
    <div class="selbox-title icon-user" :class="icon">医院等级</div>
    <el-select :value=value @input="$emit('input', $event.target.value)" placeholder="请选择医院等级">
      <el-option
        :key="item.value"
        v-for="(item, index) in items"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
  </div>
</template>
<script>
export default {
  props: {
    value: null,
    placeholder: {
      type: String,
      default: ''
    },
    icon: {
      type: String,
      default: ''
    },
    items: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data () {
    return {}
  }
}
</script>
<style>
.selbox-title{
  font-size: 17px;
  color: #fff;
  padding: 0 30px 10px 30px;
  margin-top: 10px;
}
.icon-sel-box{
  padding-left: 30px;
}
.el-input--suffix .el-input__inner {
  margin-bottom: 12px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 0;
  border-radius: 4px;
  background-color: rgba(246, 242, 226, 0.4);
  font-size: 16px;
  color: #ababab;
}

.el-input__prefix, .el-input__suffix {
  position: absolute;
  top: -5px;
}
</style>
